<!-- 头部开始 -->
<include file="public@head"/>
<!-- 头部结束 -->
<title>{$category.seo_title}</title>
<meta name="keywords"  content="{$category.seo_keywords}" />
<meta name="description" content="{$category.seo_description}" />


        <!-- page-title -->
        <section class="page-title centred">
            <div class="pattern-layer" style="background-image: url(__TMPL__/public/assets/images/background/page-title.jpg);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>{$yc_Image_Display}</h1>
                    <ul class="bread-crumb clearfix">
                        <li><i class="flaticon-home-1"></i><a href="index.html">首页</a></li>
                        <li>店铺形象</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->
        <style>
            .instagram-section .Display{text-align: center;}
            .swiper-pagination-bullet-active{background: #ff3c30}
            .swiper-pagination-bullet{background:#dd8f89;}
			.news-block{margin-top: 20px;}
            .news-section{margin-bottom: 60px;padding-top: 60px}
        </style>
   
        <!-- instagram-section -->
        <section class="instagram-section">
            <div class="outer-container">
                <div class="sec-title">
                    <h2>店铺展示</h2>
                    <p>顶尖、简单、高效、成功就是我们想要给你的全部</p>
                    <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-1.png);"></span>
                </div>
                <php>
                	$where['recommended'] = 1;
                </php>
                <div class="Display swiper-container">
                    <ul class="swiper-wrapper">
                    	<portal:articles page="3" item="vo" order="category_post.list_order ASC" where="$where" field="tupian">
	                        <li class="swiper-slide"><img src="{:get_image_url($vo.tupian)}"></li>
	                    </portal:articles>
                    </ul>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </section>
		<section class="news-section">
		    <div class="auto-container">
		        <div class="row clearfix">
		        	<portal:articles page="3" item="vo" order="category_post.list_order ASC" where="$where" field="tupian">
			            <div class="col-lg-3 col-md-6 col-sm-12 news-block">
			                <div class="news-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
			                    <div class="inner-box">
			                        <figure class="image-box"><a href="blog-details.html"><img src="{:get_image_url($vo.thumbnail)}" alt=""></a></figure>
			                        
			                    </div>
			                </div>
			            </div>
			        </portal:articles>
		        </div>
		    </div>
		</section>
        <!-- instagram-section end -->


<!-- 底部开始 -->
 <include file="public@footer"/>
<!-- 底部结束 --> 
<script>
	var swiper = new Swiper('.swiper-container',{
        pagination: {
            el: '.swiper-pagination',
        },
    });
</script>